<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../CSS/base.css">
    <link rel="stylesheet" href="../CSS/commonhead.css">
</head>

<body>
    <!-- 公共头部部分 -->
    <header>
        <div class="com-header w">
            <div class="com-header_nav">
                <a class="com-header_navlogo"></a>
            </div>
            <div class="com-header_logoout">
                <div class="com-header_logo">
                    <div class="com-header_logoin">
                        <img src="../images/header/logo1.png" alt="">
                        <img src="../images/header/logo2.png" alt="">
                    </div>
                </div>

            </div>
            <div class="com-header_share">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="../images/header/share/weibo.png" alt="">
                        </a>
                    </li>
                    <li><a href="javascript:;">
                            <img src="../images/header/share/douyin.png" alt="">
                        </a></li>
                    <li><a href="javascript:;">
                            <img src="../images/header/share/tuite.png" alt="">
                        </a></li>
                    <li><a href="javascript:;">
                            <img src="../images/header/share/youtube.png" alt="">
                        </a></li>
                    <li><a href="javascript:;">
                            <img src="../images/header/share/bilibili.png" alt="">
                        </a></li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 导航栏部分 -->
    <nav>
        <div class="com-nav">
            <div class="com-nav_logo">
                <div class="com-nav_navlogo"></div>
            </div>
            <ul class="com-nav_nav">
                <div class="com-nav_line1">
                    <li class="com-nav_index">
                        <a href="../HTML/index.html">
                            <div class="com-nav_iconindex com-nav_icon">
                                <img src="../images/header/nav/icon-home.png" alt="">
                                <span>首页</span>
                            </div>
                        </a>
                    </li>
                    <li class="com-nav_profile">
                        <a href="../HTML/profile.html">
                            <div class="com-nav_iconprofile com-nav_icon">
                                <img src="../images/header/nav/icon-profile.png" alt="">
                                <span>简介</span>
                            </div>
                        </a>
                    </li>
                    <li class="com-nav_news">
                        <a href="../HTML/news.html">
                            <div class="com-nav_iconnews com-nav_icon">
                                <img src="../images/header/nav/icon-news.png" alt="">
                                <span>新闻</span>
                            </div>
                        </a>
                    </li>
                </div>
                <div class="com-nav_line2">
                    <li class="com-nav_vedio">
                        <a href="../HTML/video.html">
                            <div class="com-nav_iconvedio com-nav_icon">
                                <img src="../images/header/nav/icon-video.png" alt="">
                                <span>视频</span>
                            </div>
                        </a>
                    </li>
                </div>
                <div class="com-nav_line3">
                    <li class="com-nav_concert">
                        <a href="../HTML/tour.html">
                            <div class="com-nav_iconconcert com-nav_icon">
                                <img src="../images/header/nav/icon-concert.png" alt="">
                                <span>巡演</span>
                            </div>
                        </a>
                    </li>
                    <li class="com-nav_album">
                        <a href="../HTML/albumall.html">
                            <div class="com-nav_iconalbum com-nav_icon">
                                <img src="../images/header/nav/icon-album.png" alt="">
                                <span>专辑</span>
                            </div>
                        </a>
                    </li>
                </div>
                <div class="com-nav_line4">
                    <li class="com-nav_register">
                        <a href="javascript:;">
                            <div class="com-nav_iconregister com-nav_icon">
                                <img src="../images/header/nav/icon-sign.png" alt="">
                                <span>登录</span>
                            </div>
                        </a>
                    </li>
                </div>
                <div class="com-nav_line5">
                    <li class="com-nav_wb">
                        <a href="javascript:;">
                            <div class="com-nav_wb com-nav_icon">
                                <img src="../images/header/nav/icon-weibo.png" alt="">
                                <span>微博</span>
                            </div>
                        </a>
                    </li>
                    <li class="com-nav_douyin">
                        <a href="javascript:;">
                            <div class="com-nav_icondouyin com-nav_icon">
                                <img src="../images/header/nav/icon-douyin.png" alt="">
                                <span>抖音</span>
                            </div>
                        </a>
                    </li>
                    <li class="com-nav_twitter">
                        <a href="javascript:;">
                            <div class="com-nav_icontwitter com-nav_icon">
                                <img src="../images/header/nav/icon-tuite.png" alt="">
                                <span>推特</span>
                            </div>
                        </a>
                    </li>
                </div>
            </ul>
        </div>
    </nav>

    <!-- 登录页面 -->
    <div class="index-login">
        <div class="login">
            <div class="login-logo">
                <div class="login-logomove">
                    <img src="../images/header/logo2.png" alt="">
                    <img src="../images/header/logo1.png" alt="">
                </div>
            </div>
            <div class="login-content">
                <a href="javascript:;" class="alogin">账号登录</a>
                <a href="javascript:;" class="aregister">账号注册</a>
                <div class="login-box">
                    <div class="login_num">
                        <form class="login-input">
                            <div><label for="mynum1">账号 </label><input type="text" id="mynum1" placeholder="请输入十一位的手机号">
                            </div>
                            <div> <label for="mypassword1">密码 </label><input type="password" id="mypassword1"
                                    placeholder="请输入6-12位密码"></div>
                            <div class="error1"></div>
                            <a class="submit1">登录</a>
                        </form>
                        <form action="" class="login-register">
                            <div><label for="mynum2">手机号 </label><input type="text" id="mynum2"
                                    placeholder="请输入十一位的手机号"></div>
                            <div> <label for="mypassword21">密码 </label><input type="password" id="mypassword21"
                                    placeholder="请输入6-12位密码"></div>
                            <div> <label for="mypassword22">确认密码 </label><input type="password" id="mypassword22"
                                    placeholder="请再次确认密码"></div>
                            <div class="error2"></div>
                            <a class="submit2">注册</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 返回顶部 -->
    <a href="javascript:;" class="totop">
        <svg xmlns="http://www.w3.org/200/svg" height="700" width="700">
            <!-- 底色圆环 -->
            <circle cx="35" cy="35" r="30" fill="none" stroke="grey" stroke-width="4" stroke-linecap="round"></circle>

            <!-- 设置进度条 -->
            <circle class="progess" transform="rotate(-90,35,35)" cx="35" cy="35" r="30" fill="none" stroke="white"
                stroke-width="4" stroke-linecap="round" stroke-dasharray="0,10000">
            </circle>

        </svg>
    </a>
    <script src="../JS/comheader.js"></script>
</body>

</html>